<!DOCTYPE html>
<html>
<head>
    <title>日新网 - 服务商</title>
    <meta name="keywords" content="{$seo_keywords}"/>
    <meta name="description" content="{$seo_description}">
    <meta name="referrer" content="origin">
    <tc_include file="Public:head"/>
    <link href="/themes/simplebootx/Public/assets/css/reset.css" rel="stylesheet"/>
    <link href="/themes/simplebootx/Public/assets/css/sl_style.css?v={$SOURCE_VERSION}" rel="stylesheet"/>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <style>
        body {
           
        }
        .pulse_index_pc {
            width: 1200px;
            margin: 0 auto;
        }
        .pulse_index {
            overflow: hidden;
            width: 100%;
            height: 468px;
            background: url("/themes/simplebootx_mobile/Public/assets/images/sm_bg.png") left top no-repeat;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
            margin-bottom: 20px;
        }
        .pulse_index img	{
            margin-top: 70px;
            margin-left: 360px;
            width: 400px;
            height: 236px;
        }
        .project_label_item {
            font-size: 22px;
            letter-spacing: 2px;
            margin-top: 40px;
            margin-bottom: 30px;
        }
        .project_label_item dt {
            color: #707070;
            margin-left: 72px;
            float: left;
            position: relative;
            top: 6px;
        }
        .project_label_item dd {
            display: inline-block;
            padding: 6px 12px;
            background-color: #f9f9f9;
            color: #333;
            border-radius: 10px;
            float: left;
            margin-left: 8px;
        }
        .project_label_item .active {
            color: #fff;
            border:1px solid #c8161d;
            background-color:#c8161d;
        }

        .pulse_item {
            /*border-bottom: 1px solid #c5c5c5;*/
        }
        .pulse_item dl {
            display: table;
            width: 100%;
            border-bottom: 1px solid #efefef;
            min-height: 142px;
            padding-left: 14px;
            box-sizing: border-box;
        }
        .pulse_item dd {
            display: table-cell;
            vertical-align: middle;
            height: 100%;
            float: left;
            height: 100%;
            color: #c5c5c5;
            font-size: 17px;
            overflow: hidden;
        }
        .pulse_item .dd1 {
            position: relative;
            width: 110px;
            height: 142px;
            border-radius: 50%;
            /*border: 1px solid #c5c5c5;*/
            margin-right: 70px;
            margin-left: 40px;
        }
        .pulse_item .dd1 img {
            display: inline-block;
            width: 100%;
            height: 110px;
            border-radius: 50%;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;

        }
        .pulse_item .dd2 {
            padding-top: 30px;
            width: 380px;

        }
        .pulse_item .dd2 span {
            font-size: 28px;
            color: #333333;
            line-height: 30px;

        }
        .pulse_item .dd2 i {
            font-size: 20px;
            line-height: 30px;
            font-style: normal;
            color: #a9a9a9;

        }
        .pulse_item .dd3 {
            padding-top:30px;
            width: 210px;
            line-height: 30px;
            text-align: center;

        }
        .pulse_item .dd4 {
            width: 210px;
            line-height: 22px;
            padding-top: 30px;
            max-height: 90px;
            overflow: hidden;

        }
        .pulse_item .dd5 {
            line-height: 100px;
            margin-left: 40px;
        }

        .select_area {
            height: .3rem;
            line-height: .2rem;
            display: inline-block;
            width: 25%!important;
            color: #707070;
            font-size: .14rem;
            padding: .05rem .08rem;
            border: 1px solid #707070;
            letter-spacing: .02rem;
            border-radius: .1rem;
            margin: 0 .07rem;
            margin-bottom: .1rem;
        }
        .pulse_item .dd2 i {
            font-size: 20px;
            line-height: 26px!important;
            font-style: normal;
            color: #a9a9a9;
            display: inline-block!important;
            height: 55px!important;
            overflow: hidden;
            padding: 0 10px 0 0!important;
        }
        .hover_item:hover {
            transform: scale(1.02,1.02);
            box-shadow: 6px 2px 17px 1px rgba(0,0,0,.1);
        }
        /*nav样式*/
        #menu-item-17 a{
            color: rgb(200, 22, 29);
        }
    </style>
</head>
<body>
<tc_include file="Public:nav"/>
<div class="pulse_index_pc">
    <div class="pulse_index ">
        <img src="/themes/simplebootx_mobile/Public/assets/images/sm_logo.png" alt="">
    </div>
    <div class="project_index">

        <form id="search" action="{:U('Service/Index/index')}" method="post">
            <input type="hidden" name="category_id" value="{$formget.category_id|default=0}">

            <div class="project_label_item label_active clearfix">
                <dl>
                    <dt>产业</dt>
                    <dd class="category_dd {$formget['category_id'] == 0 ? 'active' : ''}" data-id="0" style="margin-left: 55px;">全部</dd>
                    <volist name="categorys" id="vo">
                        <dd class="category_dd {$formget['category_id'] == $vo['id'] ? 'active' : ''}" data-id="{$vo.id}">{$vo.name}</dd>
                    </volist>
                </dl>
            </div>

            <div class="project_label_item clearfix">
                <dl>
                    <dt>位置</dt>
                    <div id="areaInfo" style="margin-left: 1.4rem;">
                        <input name="city_id" hidden>
                    </div>
                </dl>
            </div>
        </form>

        <div class="pulse_content">
            <volist name="lists" id="vo">
                <a href="{:U('Service/Index/service_info', ['id' => $vo['id']])}" class="service_item">
                    <div class="pulse_item hover_item">
                        <dl class="clearfix">
                            <dd class="dd1">
                                <img src="{:sp_get_image_preview_url($vo['logo'])}" alt="">
                            </dd>
                            <dd class="dd2">
                                <span class="">{$vo.company_name}</span><br>
                                <i class="ellipsis2">{$vo.company_desc}</i>
                            </dd>
                            <dd class="dd3">{$vo.scale} <br>{$vo.established_time}</dd>
                            <dd class="dd4 ellipsis4">{$vo.city_names}</dd>
                            <dd class="dd5"><?php echo $vo['financing_round'] ? $vo['financing_round'] : '' ?></dd>
                        </dl>
                    </div>
                </a>
            </volist>

            <!--加载更多-->
            <div style="width:110px;height: 30px;border-radius: 15px;border: 1px solid #C8161D; color: #C8161D;font-size: 15px;text-align: center;
            line-height: 30px;margin-left: 350px; " class="js-infinite-scroll-loading text-center fontmsyhbd">更多</div>
            <div id="nextpage"></div>
        </div>
    </div>
</div>
<tc_include file="Public:footer" />
<!-- JavaScript -->
<tc_include file="Public:scripts"/>
<script src="__TMPL__Public/assets/js/jquery.infiniteScroll.js"></script>
<script src="__PUBLIC__/js/layer/layer_1.js"></script>
<script src="__PUBLIC__/js/area.js"></script>
<script>
    var area = {$area};
    area = eval(area);

    var areaPath = {$path ? $path : []};
    areaPath = eval(areaPath);

    // 地址变动回调
    function select_area_callback() {
        $('#search').submit();
    }

    $(function () {
        // 地址选择select的初始化
        initArea(2);
        // 搜索
        $(document).delegate('.category_dd', 'click', function () {
            var category_id = $(this).attr('data-id');
            $('input[name="category_id"]').val(category_id);
            $('#search').submit();
        });

        $('#nextpage').infiniteScroll({
            loading: '.js-infinite-scroll-loading',
            total_pages: {$total_pages},
            success: function (content) {
                var $items = $(content).find('.service_item');
                if ($items.length > 0) {
                    $('.js-infinite-scroll-loading').before($items);
                }
            }
        });
    });
</script>
</body>
</html>